﻿@charset 'UTF-8';
body,dl,dd,dt,p,ul,ol,li,h1,h2,h3,h4,h5,h6,input,select,textarea,button {
	margin: 0;
	padding: 0;
}
html,body {
	height: 100%;
}
ul,ol {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
i,s,u,em {
	font-style: normal;
	text-decoration: none;
}
img {
	vertical-align: top;
	border: none;
}
input,select,textarea,button {
	font-family: inherit;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
a {
	color: inherit;
	text-decoration: none;
    outline: 0;
}
html {
	font-size: 16px;
}
@media screen and (min-width:320px) {
	html {
		font-size: calc(87.5% + 2 * (100vw - 320px)/ 55);
		font-size: calc(14px + 2 * (100vw - 320px)/ 55);
	}
}
@media screen and (min-width:375px) {
	html {
		font-size: calc(100% + 2 * (100vw - 375px)/ 39);
		font-size: calc(16px + 2 * (100vw - 375px)/ 39);
	}
}
@media screen and (min-width:414px) {
	html {
		font-size: calc(112.5% + 4 * (100vw - 414px)/ 186);
		font-size: calc(18px + 4 * (100vw - 414px)/ 186);
	}
}
@media screen and (min-width:600px) {
	html {
		font-size: calc(125% + 4 * (100vw - 600px)/ 400);
		font-size: calc(20px + 4 * (100vw - 600px)/ 400);
	}
}
@media screen and (min-width:1000px) {
	html {
		font-size: calc(137.5% + 6 * (100vw - 1000px)/ 1000);
		font-size: calc(22px + 6 * (100vw - 1000px)/ 1000);
	}
}

@font-face{font-family:iconfont;src:url(/statics/novel/font/iconfont.eot);src:url(/statics/novel/font/iconfont.eot?#iefix) format('embedded-opentype'),url(/statics/novel/font/iconfont.woff2) format('woff2'),url(/statics/novel/font/iconfont.woff) format('woff'),url(/statics/novel/font/iconfont.ttf) format('truetype'),url(/statics/novel/font/iconfont.svg#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-size:1rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

body {
	font: 0.28rem/1 "microsoft yahei",Helvetica,sans-serif;
	color: #333;	
	fill: currentColor;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0.05);
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	background: #ffe9c3;
}
body.show{
	overflow: hidden;
}
body.show .header{
	background-color: #fff;
}
aria {
	font-size: 0;
	position: absolute;
    clip: rect(0 0 0 0);
}
.cmargin{
	height: 0.75rem;
	background: #f6f7f8;
}
.bmargin{
	height: 0.75rem;
	background: #f6f7f8;
	border-top: #fff solid .75rem;
}
.clearfix::before,
.clearfix::after {
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
	height: 0;
	content: " ";
}
.show {display: block;}
.hide {display: none;}
.red {color: #cc4040;}
.blue {color: #36c;}
.orange {color: #f60;}
.green {color: #093;}
.gray {color: #999;}


.book_view{
	width: 100%;	
}

.book_view .book_banner{
	height: 12.5rem;
	overflow: hidden;
}

.book_view .book_banner img{
	width: 100%;
	height: 12.5rem;
    object-fit: cover;
}

.book_view .book_content{
	padding: 0.938rem .938rem 0;
	font-size: 1.25rem;
	line-height: 1.8
}

.book_view .book_content p{
	margin-bottom: 0.938rem;
	text-indent: 1.6rem;
}

.book_view .book_content h2,.book_view .book_content h3{
	color: #e75c5c;
	text-align: center;
	font-weight: 700;
	margin: 0.938rem 0;
}
.book_footer .btn , .btn-super{
	display: block;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	margin: 0.5rem;
	background: #f85959;
	font-size: 16px;
	color: #fff;
	border-radius: 0.312rem
}
.book_footer .btn2 img{
	width: 100%;
}

.msg{
margin: 0.938rem 0;
font-size: 0.875rem;
}